.login-container {
    padding: 24px; /* 增加整体内边距 */
    background-color: #f9fafc; /* 更柔和的浅灰背景 */
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* 调整为靠上 */
    align-items: center;
}

.login-header {
    text-align: center;
    margin-bottom: 24px; /* 增加标题与表单的间距 */
    font-size: 26px; /* 调整标题字体大小 */
    font-weight: 600; /* 半粗字体 */
    color: #333; /* 深灰色标题 */
}

.login-form {
    width: 100%;
    max-width: 380px; /* 限制表单宽度 */
    background-color: #ffffff; /* 白色背景 */
    border-radius: 12px; /* 圆角 */
    padding: 24px; /* 增加表单内边距 */
    margin-top: 32px; /* 增加顶部间距 */
}

.login-footer {
    display: block;
    text-align: center; /* 居中显示 */
    margin-top: 20px; /* 增加间距 */
    font-size: 14px; /* 调整字体大小 */
    color: #666; /* 更柔和的文字颜色 */
}

.login-footer a {
    color: #f46e20; /* 主题色 */
    text-decoration: none;
}

.login-footer a:hover {
    text-decoration: underline;
}

.login-register-link {
    text-align: center; /* 居中显示 */
    margin-bottom: 20px; /* 添加底部间距 */
    font-size: 14px; /* 调整字体大小 */
    color: #666; /* 更柔和的文字颜色 */
}

.login-register-link a {
    color: #f46e20; /* 主题色 */
    text-decoration: none;
}

.login-register-link a:hover {
    text-decoration: underline;
}
